<html>
<head>
	<title>color chart</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="screen.css" />
	<!--[if IE]>
		<link rel="stylesheet" href="ie.css" />
	<![endif]-->
</head>
<body>
<style type="text/css">
.color-chart ul {
	width:390px;
	height:
}
.color-chart ul li {
	width:20px;
	height:20px;
	margin:2px;
	list-style:none;
	float:left;
	border:1px solid #ccc;
}
</style>
<script type="text/javascript">
 if ("blank" == $(".color_chart_left").find ("span").html ()) {
   var fabric_array = new Array ('Satin', 'Chiffon', 'Elastic Woven Satin', 'Organza', 'Matte Satin', 'Silk Like Satin', 'Taffeta');
   var fabric_id_array = new Array ('Satin', 'Chiffon', 'Elastic-Woven-Satin', 'Organza', 'Matte-Satin', 'Silk-Like-Satin', 'Taffeta');
   var color_array = new Array ('White', 'Watermelon'/*, 'Skin Pink'*/, 'Silver', 'Sage', 'Royal Blue'/*, 'Regency'*/, 'Red', 'Purple', 'Pink', 'Pearl Pink', 'Orange', 'Orange Red', 'Mint', 'Lilac', 'Light Plum', 'Lavender', 'Kelly', 'Ivory', 'Ice Blue', 'Hunter', 'Green', 'Grape', 'Gold', 'Fuchsia', 'Black', 'Dark Navy', 'Dark Green'/*, 'Dark Brown'*/, 'Daffodil', 'Chocolate', 'Champagne', 'Burgundy', 'Bud Green', 'Brown', 'Bright Rust Red', 'Blue', 'Light Sky Blue');
   var color_id_array = new Array ('White', 'Watermelon'/*, 'Skin Pink'*/, 'Silver', 'Sage', 'Royal-Blue'/*, 'Regency'*/, 'Red', 'Purple', 'Pink', 'Pearl-Pink', 'Orange', 'Orange-Red', 'Mint', 'Lilac', 'Light-Plum', 'Lavender', 'Kelly', 'Ivory', 'Ice-Blue', 'Hunter', 'Green', 'Grape', 'Gold', 'Fuchsia', 'Black', 'Dark-Navy', 'Dark-Green'/*, 'Dark-Brown'*/, 'Daffodil', 'Chocolate', 'Champagne', 'Burgundy', 'Bud-Green', 'Brown', 'Bright-Rust-Red', 'Blue', 'Light-Sky-Blue');

   for (index = 0; index < fabric_array.length; index++) {
   	$("#" + fabric_id_array [index] + "-left").children ("span").html ("Black");
    $("#" + fabric_id_array [index] + "-left").children ("img").attr ("src", "images/color_chart/" + fabric_array [index] + "/Black.jpg");

    for (jndex = 0; jndex < color_array.length; jndex++) {
     $("#" + fabric_id_array [index] + "-" + color_id_array [jndex]).find ("img").attr ("src", "images/color_chart/" + fabric_array [index] + "/" + color_array [jndex] + ".jpg");
     $("#" + fabric_id_array [index] + "-" + color_id_array [jndex]).find ("span").html (color_array [jndex]);
    }
   }
  }
</script>
<dl class="color-chart">
	<dt>color:</dt>
	<dd>
		<ul>
			<li style="width:72px!important width:68px">22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li><li>22</li>
		</ul>
	</dd>
</dl>
</body>
</html>